<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 多媒体标签 -->

    <!-- 
        音频 audio
        视频 video
        方便的在页面中嵌入音频和视频
    -->

    <!-- 
        audio 音频标签
        ogg
        mp3
        wav
        不同的浏览器有不同的兼容
    -->
    <!-- h5中如果标签属性的属性名和属性值是一样的 可以省略不写 -->
    <!-- controls 添加控制条 -->
    <!-- <audio src="../media/snow.mp3" controls autoplay loop></audio> -->
    <!-- autoplay在谷歌中是默认无效的 IE可以 -->
    <!-- 一般有autoplay 就不写preload -->
    <!-- src -->
    <!-- <audio src="../media/snow.mp3" controls="controls" autoplay=“autoplay” loop preload="preload"></audio> -->

    <!-- 多种音频的兼容显示 -->
    <audio controls>
        <source src="../media/snow.mp3">
        <source src="../media/snow.ogg">
        您的浏览器不兼容 不支持音频播放
    </audio>


    <!-- 视频文件的标签与属性 -->
    <!-- 
        autoplay 视频就绪自动播放 谷歌浏览器需要添加muted来解决自动播放问题
        controls
        loop
        preload auto预先加载 none不加载
        src url 视频url地址
        width px 设置播放器宽度
        height px 高度
        poster imgul 加载等待的画面图片 poster=“../iamge/xx.jpg”
        muted 静音播放 自动静音播放
    -->
    <video controls width="200px">
        <source src="../media/video.mp4" type="video/mp4">
        <source src="../media/Ogg.mp4" type="video/ogg">
        您的浏览器不兼容视频
    </video>
</body>
</html>